/*
 * @author:ngsl
 */

*{ margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,p,dd{margin:0;}
ul,ol,dl{margin:0;padding:0;list-style:none;}
img,input{border:none;vertical-align:middle;}
a{text-decoration:none;color:inherit;outline:none;}
textarea{resize: none;}
i{font-style:normal;}

input{
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}



/**************************************************
=========== width&height ===============================
**************************************************/
.wid-10{width:10px;}
.wid-12{width:12px;}
.wid-14{width:14px;}
.wid-16{width:16px;}
.wid-18{width:18px;}
.wid-20{width:20px;}
.wid-22{width:22px;}
.wid-24{width:24px;}
.wid-26{width:26px;}
.wid-28{width:28px;}
.wid-30{width:30px;}

.hei-10{height:10px;}
.hei-12{height:12px;}
.hei-14{height:14px;}
.hei-16{height:16px;}
.hei-18{height:18px;}
.hei-20{height:20px;}
.hei-22{height:22px;}
.hei-24{height:24px;}
.hei-26{height:26px;}
.hei-28{height:28px;}
.hei-30{height:30px;}
.hei-90{height:90px;}


/**************************************************
=========== font ===============================
**************************************************/
/*** font-size***/
.f-siz10{font-size:10px;}
.f-siz12{font-size:12px;}
.f-siz14{font-size:14px;}
.f-siz16{font-size:16px;}
.f-siz18{font-size:18px;}
.f-siz20{font-size:20px;}
.f-siz22{font-size:22px;}
.f-siz24{font-size:24px;}
.f-siz26{font-size:26px;}
.f-siz28{font-size:28px;}
.f-siz30{font-size:30px;}

.f-wei-nor{font-weight: normal;}
.f-sty-nor{font-style: normal;}
/**************************************************
=========== border ===============================
**************************************************/
.bor{border:1px solid #eee;}
.bor-t{border-top:1px solid #eee;}
.bor-r{border-right:1px solid #eee;}
.bor-b{border-bottom:1px solid #eee;}
.bor-l{border-left:1px solid #eee;}

/**************************************************
=========== padding ===============================
**************************************************/
.pad-2{padding:2px;}
.pad-4{padding:4px;}
.pad-6{padding:6px;}
.pad-8{padding:8px;}
.pad-10{paddig:10px;}
.pad-12{paddig:12px;}
.pad-14{paddig:14px;}
.pad-16{paddig:16px;}
.pad-18{paddig:18px;}
.pad-20{paddig:20px;}
.pad-24{paddig:24px;}
.pad-28{paddig:28px;}
.pad-30{paddig:30px;}
.pad-40{paddig:40px;}
.pad-50{paddig:50px;}

.pad-t-2{padding:2px;}
.pad-t-4{padding:4px;}
.pad-t-6{padding:6px;}
.pad-t-8{padding:8px;}
.pad-t-10{paddig:10px;}
.pad-t-12{paddig:12px;}
.pad-t-14{paddig:14px;}
.pad-t-16{paddig:16px;}
.pad-t-18{paddig:18px;}
.pad-t-20{paddig:20px;}
.pad-t-24{paddig:24px;}
.pad-t-28{paddig:28px;}
.pad-t-30{paddig:30px;}
.pad-t-40{paddig:40px;}
.pad-t-50{paddig:50px;}

.pad-b-2{padding:2px;}
.pad-b-4{padding:4px;}
.pad-b-6{padding:6px;}
.pad-b-8{padding:8px;}
.pad-b-10{paddig:10px;}
.pad-b-12{paddig:12px;}
.pad-b-14{paddig:14px;}
.pad-b-16{paddig:16px;}
.pad-b-18{paddig:18px;}
.pad-b-20{paddig:20px;}
.pad-b-24{paddig:24px;}
.pad-b-28{paddig:28px;}
.pad-b-30{paddig:30px;}
.pad-b-40{paddig:40px;}
.pad-b-50{paddig:50px;}

.pad-l-2{padding:2px;}
.pad-l-4{padding:4px;}
.pad-l-6{padding:6px;}
.pad-l-8{padding:8px;}
.pad-l-10{paddig:10px;}
.pad-l-12{paddig:12px;}
.pad-l-14{paddig:14px;}
.pad-l-16{paddig:16px;}
.pad-l-18{paddig:18px;}
.pad-l-20{paddig:20px;}
.pad-l-24{paddig:24px;}
.pad-l-28{paddig:28px;}
.pad-l-30{paddig:30px;}
.pad-l-40{paddig:40px;}
.pad-l-50{paddig:50px;}


/**************************************************
=========== margin ===============================
**************************************************/
.mar-2{margin:2px;}
.mar-4{margin:4px;}
.mar-6{margin:6px;}
.mar-8{margin:8px;}
.mar-10{margin:10px;}
.mar-12{margin:12px;}
.mar-14{margin:14px;}
.mar-16{margin:16px;}
.mar-18{margin:18px;}
.mar-20{margin:20px;}
.mar-24{margin:24px;}
.mar-28{margin:28px;}
.mar-30{margin:30px;}
.mar-40{margin:40px;}
.mar-50{margin:50px;}

.mar-t-2{margin-top:2px;}
.mar-t-4{margin-top:4px;}
.mar-t-6{margin-top:6px;}
.mar-t-8{margin-top:8px;}
.mar-t-10{margin-top:10px;}
.mar-t-12{margin-top:12px;}
.mar-t-14{margin-top:14px;}
.mar-t-16{margin-top:16px;}
.mar-t-18{margin-top:18px;}
.mar-t-20{margin-top:20px;}
.mar-t-24{margin-top:24px;}
.mar-t-28{margin-top:28px;}
.mar-t-30{margin-top:30px;}
.mar-t-40{margin-top:40px;}
.mar-t-50{margin-top:50px;}

.mar-r-2{margin-right:2px;}  
.mar-r-4{margin-right:4px;}  
.mar-r-6{margin-right:6px;}  
.mar-r-8{margin-right:8px;}  
.mar-r-10{margin-right:10px;}
.mar-r-12{margin-right:12px;}
.mar-r-14{margin-right:14px;}
.mar-r-16{margin-right:16px;}
.mar-r-18{margin-right:18px;}
.mar-r-20{margin-right:20px;}
.mar-r-24{margin-right:24px;}
.mar-r-28{margin-right:28px;}
.mar-r-30{margin-right:30px;}
.mar-r-40{margin-right:40px;}
.mar-r-50{margin-right:50px;}

.mar-b-2{margin-bottom:2px;}
.mar-b-4{margin-bottom:4px;}
.mar-b-6{margin-bottom:6px;}
.mar-b-8{margin-bottom:8px;}
.mar-b-10{margin-bottom:10px;}
.mar-b-12{margin-bottom:12px;}
.mar-b-14{margin-bottom:14px;}
.mar-b-16{margin-bottom:16px;}
.mar-b-18{margin-bottom:18px;}
.mar-b-20{margin-bottom:20px;}
.mar-b-24{margin-bottom:24px;}
.mar-b-28{margin-bottom:28px;}
.mar-b-30{margin-bottom:30px;}
.mar-b-40{margin-bottom:40px;}
.mar-b-50{margin-bottom:50px;}

.mar-l-2{margin-left:2px;}
.mar-l-4{margin-left:4px;}
.mar-l-6{margin-left:6px;}
.mar-l-8{margin-left:8px;}
.mar-l-10{margin-left:10px;}
.mar-l-12{margin-left:12px;}
.mar-l-14{margin-left:14px;}
.mar-l-16{margin-left:16px;}
.mar-l-18{margin-left:18px;}
.mar-l-20{margin-left:20px;}
.mar-l-24{margin-left:24px;}
.mar-l-28{margin-left:28px;}
.mar-l-30{margin-left:30px;}
.mar-l-40{margin-left:40px;}
.mar-l-50{margin-left:50px;}


/******* float *******/
.clearfix:after{
    content: '';
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
}
.fl-l{float:left;}
.fl-r{float:right;}

/*************************************
===============position===============
***********************************/
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}

.t{top: 0;}
.r{right: 0;}
.b{bottom:0;}
.l{left: 0;}

.zindex-9 {z-index:9;}
.zindex-99 {z-index:99;}
.zindex-999 {z-index:999;}
.zindex-9999 {z-index:9999;}
.zindex-99999 {z-index:99999;}
.zindex-999999 {z-index:999999;}
/****************************
	========= text =========
*****************************/
/*** display ***/
.block{display:block;}
.inblock{display:inline-block;}
.hidden {display:none;}
/*** text-align ***/
.text-l {text-align:left;}
.text-c {text-align:center;}
.text-r {text-align:right;}
/*** vertical ***/
.vertical-m{vertical-align:middle;}
/*** overflow ***/
.overflow-h{overflow:hidden;}
.overflow-s{overflow: scroll;}

/**************************************
================ color ========================
*****************************************/
.red{color: red;}
.black{color: black;}
.pink{color: pink;}
.blue{color: blue;}
.yellow{color: yellow;}
.green{color: green;}
.gray{color: gray;}
.white{color: white;}
.transparent{color: transparent;}



.c-000{color:#000;}
.c-100{color:#100;}
.c-200{color:#200;}
.c-300{color:#300;}
.c-400{color:#400;}
.c-500{color:#500;}
.c-600{color:#600;}
.c-700{color:#700;}
.c-800{color:#800;}
.c-900{color:#900;}
.c-a00{color:#a00;}
.c-b00{color:#b00;}
.c-c00{color:#c00;}
.c-d00{color:#d00;}
.c-e00{color:#e00;}
.c-f00{color:#f00;}
/******************/
.c-010{color:#010;}
.c-020{color:#020;}
.c-030{color:#030;}
.c-040{color:#040;}
.c-050{color:#050;}
.c-060{color:#060;}
.c-070{color:#070;}
.c-080{color:#080;}
.c-090{color:#090;}
.c-0a0{color:#0a0;}
.c-0b0{color:#0b0;}
.c-0c0{color:#0c0;}
.c-0d0{color:#0d0;}
.c-0e0{color:#0e0;}
.c-0f0{color:#0f0;}
/*******************/
.c-001{color:#001;}
.c-002{color:#002;}
.c-003{color:#003;}
.c-004{color:#004;}
.c-005{color:#005;}
.c-006{color:#006;}
.c-007{color:#007;}
.c-008{color:#008;}
.c-009{color:#009;}
.c-00a{color:#00a;}
.c-00b{color:#00b;}
.c-00c{color:#00c;}
.c-00d{color:#00d;}
.c-00e{color:#00e;}
.c-00f{color:#00f;}
/******************/
.c-111{color:#111;}
.c-222{color:#222;}
.c-333{color:#333;}
.c-444{color:#444;}
.c-555{color:#555;}
.c-666{color:#666;}
.c-777{color:#777;}
.c-888{color:#888;}
.c-999{color:#999;}
.c-aaa{color:#aaa;}
.c-bbb{color:#bbb;}
.c-ccc{color:#ccc;}
.c-eee{color:#ddd;}
.c-fff{color:#fff;}
/*****************/
.c-fa0{color:#fa0;}
.c-af0{color:#af0;}
.c-f0a{color:#f0a;}
.c-a0f{color:#a0f;}
.c-0af{color:#0af;}
.c-0fa{color:#0fa;}
/*************************************
======== background-color ===========
************************************/
.bgc-000{background-color:#000;}
.bgc-100{background-color:#100;}
.bgc-200{background-color:#200;}
.bgc-300{background-color:#300;}
.bgc-400{background-color:#400;}
.bgc-500{background-color:#500;}
.bgc-600{background-color:#600;}
.bgc-700{background-color:#700;}
.bgc-800{background-color:#800;}
.bgc-900{background-color:#900;}
.bgc-a00{background-color:#a00;}
.bgc-b00{background-color:#b00;}
.bgc-c00{background-color:#c00;}
.bgc-d00{background-color:#d00;}
.bgc-e00{background-color:#e00;}
.bgc-f00{background-color:#f00;}
/******************************/
.bgc-010{background-color:#010;}
.bgc-020{background-color:#020;}
.bgc-030{background-color:#030;}
.bgc-040{background-color:#040;}
.bgc-050{background-color:#050;}
.bgc-060{background-color:#060;}
.bgc-070{background-color:#070;}
.bgc-080{background-color:#080;}
.bgc-090{background-color:#090;}
.bgc-0a0{background-color:#0a0;}
.bgc-0b0{background-color:#0b0;}
.bgc-0c0{background-color:#0c0;}
.bgc-0d0{background-color:#0d0;}
.bgc-0e0{background-color:#0e0;}
.bgc-0f0{background-color:#0f0;}
/*****************************/
.bgc-001{background-color:#001;}
.bgc-002{background-color:#002;}
.bgc-003{background-color:#003;}
.bgc-004{background-color:#004;}
.bgc-005{background-color:#005;}
.bgc-006{background-color:#006;}
.bgc-007{background-color:#007;}
.bgc-008{background-color:#008;}
.bgc-009{background-color:#009;}
.bgc-00a{background-color:#00a;}
.bgc-00b{background-color:#00b;}
.bgc-00c{background-color:#00c;}
.bgc-00d{background-color:#00d;}
.bgc-00e{background-color:#00e;}
.bgc-00f{background-color:#00f;}
/*******************************/
.bgc-111{background-color:#111;}
.bgc-222{background-color:#222;}
.bgc-333{background-color:#333;}
.bgc-444{background-color:#444;}
.bgc-555{background-color:#555;}
.bgc-666{background-color:#666;}
.bgc-777{background-color:#777;}
.bgc-888{background-color:#888;}
.bgc-999{background-color:#999;}
.bgc-aaa{background-color:#aaa;}
.bgc-bbb{background-color:#bbb;}
.bgc-ccc{background-color:#ccc;}
.bgc-eee{background-color:#ddd;}
.bgc-fff{background-color:#fff;}
/*******************************/
.bgc-fa0{background-color:#fa0;}
.bgc-af0{background-color:#af0;}
.bgc-f0a{background-color:#f0a;}
.bgc-a0f{background-color:#a0f;}
.bgc-0af{background-color:#0af;}
.bgc-0fa{background-color:#0fa;}



